@charset "utf-8";

*{
	margin: 0;
	padding: 0;
	font-family: "华文彩云";
	font-size: 100px;
	
}
body{
	background: url(../img/1.png);
	background-size:100% 210%;
	background-repeat: no-repeat;
	
}
.swordsman{
	width: 200px;
	height: 300px;
background: url(../img/5.png);
background-size: 100% 100%;
position: relative;
left: 20px;
top: 343px;
animation: swordsman 20s linear infinite;
	
}



@keyframes swordsman{
	0%{
		left: 20px;
		top: 343px;
	}
	10%{
		left: 720px;
        top: 343px;
		background: url(../img/2.png);
		background-size: 100% 100%;
		
	}
	20%{
		left: 1160px;
		top: -137px;
		background: url(../img/3.png);
		background-size: 100% 100%;
	}
	30%{
		left: 20px;
		top: -141px;
		background: url(../6.png);
		background-size: 100% 100%;
		
		}
	}
	.ancient-doll {
	position: fixed;
	     top: 20px;
	     right: 20px;
	     width: 150px;
	     height: 200px;
	     background: url(../img/8.png) no-repeat;
	     background-size: 100% 100%;
	     z-index: 1;
	     animation: doll-rotate 10s linear infinite;
	 }
	 @keyframes doll-rotate {
	     0% { transform: rotate(0deg); }
	     100% { transform: rotate(360deg); }
	  
	}
	
}


